<template>
	
	<view class="content" :style="isSoll ? 'height:92vh;overflow: hidden' : ''">		
	<!-- 	<u-sticky bgColor="#4A98ED" style="position: fixed;top: 0;z-index: 100;">
			<u-navbar :is-back="false" title="湖北移动网络运营看板-概览"  :background="background" title-color="#fff" :border-bottom="false">
			</u-navbar>
		</u-sticky> -->
		<view class="content_nr" v-if="isPage">
			<!-- 顶部标题，日期，通讯录 -->
			<view class="content_top">
				<span class="content_title">首页</span>
				<view class="content_calendar" @click="onDate()">
					 <img src="@/static/images/top_bnt1.png" class="contentDate_icon" alt="">
					 <!-- {{isByb2 ? '（白班）' : '（夜班）'}} -->
					 <span class="contentDate_title">{{date}} </span>
				</view>
				<view class="cityList_view" @click="openCityList()">
					<img src="@/static/images/cityIcon.png" class="phoneList_icon" alt="">
					<view class="cityName">
						{{cityName}}
					</view>
				</view>
				<view class="phoneList_view" @click="openUpdatePage()" style="margin-left: 10rpx;">
					<img src="@/static/images/icon_gengxin.png" class="phoneList_icon" alt="">
				</view>
			</view>
			<!-- 带班领导、值班电话 -->
			<view class="dbld_view">
				<img src="@/static/images/index/dsstBg.png" class="dsst_icon" alt="">
			</view>

			<!-- 成功失败模块 -->
			<view class="successErrorView" v-if="isSuccessErrorView">
				<view class="error bgUrlClass3" >
					<img class="error_bg" src="@/static/images/index/noticebg1-foot.png" alt="">
					<view class="error_nr">
						
						<view class="gzkb_view" style="margin-top: 10rpx;" v-if="exceData.JtNum > 0"> 
							<view class="gzkb_view_left">
								<span class="gzkb_view_title">集团重大故障</span>
								<span class="gzkb_view_number">{{exceData.JtNum}}</span>
								<span class="gzkb_view_dw">起</span>
							</view>
							<view class="gzkb_view_right" style="width: 220rpx;">
								<view :class="exceData.JtCitys.length > 2 ? exceData.JtCitys.length > 6 ? 'marquee-content2' : 'marquee-content' : ''">
									<span v-for="(item,index) in exceData.JtCitys" :key="index">
										<span v-if="index > 0">，</span> {{item.Name}}({{item.Value}})
									</span>
								</view>
							</view>
						</view>
						
						<view class="gzkb_view" v-if=" exceData.JtWarnNum > 0" @click="goToPage()">
							<view class="gzkb_view_left">
								<span class="gzkb_view_title">集团重大故障预警</span>
								<span class="gzkb_view_number">{{exceData.JtWarnNum}}</span>
								<span class="gzkb_view_dw">起</span>
							</view>
						<!-- 	<view class="gzkb_view_right"  style="width: 220rpx;">
								<view :class="exceData.JtWarnCitys.length > 2 ? exceData.JtWarnCitys.length > 6 ? 'marquee-content2' : 'marquee-content'  : ''" >
									<span v-for="(item,index) in exceData.JtWarnCitys" :key="index">
										<span v-if="index > 0">，</span> {{item.Name}}({{item.Value}})
									</span>
								</view>
							</view> -->
						</view>
						
						<view class="gzkb_view" v-if=" exceData.SnNum > 0" @click="goToPage()">
							<view class="gzkb_view_left">
								<span class="gzkb_view_title">地市重大故障</span>
								<span class="gzkb_view_number">{{exceData.SnNum}}</span>
								<span class="gzkb_view_dw">起</span>
							</view>
							<!-- <view class="gzkb_view_right"  style="width: 220rpx;">
								<view :class="exceData.SnCitys.length > 2 ? exceData.SnCitys.length > 6 ? 'marquee-content2' : 'marquee-content'  : ''">
									<span v-for="(item,index) in exceData.SnCitys" :key="index">
										<span v-if="index > 0">，</span> {{item.Name}}({{item.Value}})
									</span>
								</view>
							</view> -->
						</view>
						<view class="mapBoxInfo_main_box" v-if="exceData.TocJtNum > 0" @click="goToPage3(0)">
							<view class="mapBoxInfo_main">
								<view class="mapBoxInfo_Title">
									TOC集团投诉的预警
								</view>
							</view>
							<view class="mapBoxInfo_bom">
								<view class="mapBoxInfo_Num">
									<span style="font-weight: bold;font-size: 36upx;color: #2654B0;margin-right: 10rpx;">{{exceData.TocJtNum}}</span>起
								</view>
								<img src="@/static/images/jiantou.png" class="icon_jiantou" alt="">
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_red.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #FF4D4D;height: 40rpx;">{{exceData.TocJtRedNum}}</span>
								</view>
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_orange.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #F37A00;height: 40rpx;">{{exceData.TocJtOrgNum}}</span>
								</view>
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_yellow.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #E3BD23;height: 40rpx;">{{exceData.TocJtYellowNum}}</span>
								</view>
							</view>
						</view>
						<view class="mapBoxInfo_main_box" style="margin-top: 10rpx;" v-if="exceData.TocSnNum > 0" @click="goToPage3(0)">
							<view class="mapBoxInfo_main">
								<view class="mapBoxInfo_Title">
									TOC省内投诉的预警
								</view>
							</view>
							<view class="mapBoxInfo_bom">
								<view class="mapBoxInfo_Num">
									<span style="font-weight: bold;font-size: 36upx;color: #2654B0;margin-right: 10rpx;">{{exceData.TocSnNum}}</span>起
								</view>
								<img src="@/static/images/jiantou.png" class="icon_jiantou" alt="">
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_red.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #FF4D4D;height: 40rpx;">{{exceData.TocSnRedNum}}</span>
								</view>
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_orange.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #F37A00;height: 40rpx;">{{exceData.TocSnOrgNum}}</span>
								</view>
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_yellow.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #E3BD23;height: 40rpx;">{{exceData.TocSnYellowNum}}</span>
								</view>
							</view>
						</view>
						<view class="mapBoxInfo_main_box" style="margin-top: 10rpx;" v-if="exceData.TohJtNum > 0" @click="goToPage3(1)">
							<view class="mapBoxInfo_main">
								<view class="mapBoxInfo_Title">
									TOH集团投诉的预警
								</view>
							</view>
							<view class="mapBoxInfo_bom">
								<view class="mapBoxInfo_Num">
									<span style="font-weight: bold;font-size: 36upx;color: #2654B0;margin-right: 10rpx;">{{exceData.TohJtNum}}</span>起
								</view>
								<img src="@/static/images/jiantou.png" class="icon_jiantou" alt="">
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_red.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #FF4D4D;height: 40rpx;">{{exceData.TohJtRedNum}}</span>
								</view>
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_orange.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #F37A00;height: 40rpx;">{{exceData.TohJtOrgNum}}</span>
								</view>
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_yellow.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #E3BD23;height: 40rpx;">{{exceData.TohJtYellowNum}}</span>
								</view>
							</view>
						</view>
						<view class="mapBoxInfo_main_box" style="margin-top: 10rpx;" v-if="exceData.TohSnNum > 0" @click="goToPage3(1)">
							<view class="mapBoxInfo_main">
								<view class="mapBoxInfo_Title">
									TOH省内投诉的预警
								</view>
							</view>
							<view class="mapBoxInfo_bom">
								<view class="mapBoxInfo_Num">
									
									<span style="font-weight: bold;font-size: 36upx;color: #2654B0;margin-right: 10rpx;">{{exceData.TohSnNum}}</span>起
								</view>
								<img src="@/static/images/jiantou.png" class="icon_jiantou" alt="">
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_red.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #FF4D4D;height: 40rpx;">{{exceData.TohSnRedNum}}</span>
								</view>
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_orange.png" class="icon_warm" alt="">
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #F37A00;height: 40rpx;">{{exceData.TohSnOrgNum}}</span>
								</view>
								<view class="mapBoxInfo_bom_view">
									<img src="@/static/picture/icon_warm_yellow.png" class="icon_warm" alt="">
									
									<span style="font-weight: bold;font-size: 36upx;color: #000000;margin-right: 10rpx;color: #E3BD23;height: 40rpx;">{{exceData.TohSnYellowNum}}</span>
								</view>
							</view>
						</view>
						<view class="gejieView" v-if="exceData.FailNum > 0 || exceData.OuttimeNum > 0" @click="goToPage4()">
							<view class="gejieView_item">
								<view class="gejieView_item_title">
									割接失败
								</view>
								<view class="gejieView_item_num">
									{{exceData.FailNum}}<span style="font-size: 20rpx;">起</span>
								</view>
							</view>
							<view class="gejieView_item">
								<view class="gejieView_item_title">
									割接未反馈
								</view>
								<view class="gejieView_item_num">
									{{exceData.OuttimeNum}}<span style="font-size: 20rpx;">起</span>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 专题模块 -->
			<view class="homeBom">
				<view class="gz_view">
					<view class="biaotiMax">
						<img src="@/static/images/dishi/title1.png" class="biaotiMaxImg" alt="">
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">故障处理</view>
						<view class="tjzq">
							统计周期:{{tjzqData.GzclTjzq}}
						</view>
					</view>
					<view class="gz_viewNr">
						<view class="gz_viewNr_top">
							<view class="flex_x3">
								<view class="flex_x3_title" style="min-width: 154rpx;height: 33rpx;padding: 0;">
									工单处理及时率
								</view>
								<view class="flex_x3_nr" style="margin: 0 20rpx;">
									<view class="flex_x3_nr_top">
										{{malData.JsRate}}<span style="font-size: 24rpx;">%</span> 
									</view>
									<view class="flex_x3_nr_bom">
										（目标值:{{malData.JsTarget}}%）
									</view>
								</view>
								<view class="paiming">
									<view class="paiming_title">
										第{{malData.JsSort}}名
									</view>
									<view class="paiming_nr">
										全省值:{{malData.JsAvg}}%
									</view>
								</view>
							</view>
						</view>
						<img src="@/static/images/index/line.png" class="line" alt="">
						<view class="gz_viewNr_bom">
							<view class="flex_x3"  @click="goToPage('section6')">
								<view class="flex_x3_title">
									事件定界告警关联率
								</view>
								<view class="flex_x3_nr">
									<view class="flex_x3_nr_top" v-if="malData.PositionRate !== 'null'">
										{{malData.PositionRate}} <span style="font-size: 24rpx;">%</span> 
									</view>
									<view class="flex_x3_nr_top" v-else>
										-
									</view>
									<view class="flex_x3_nr_bom">
										（目标值:{{malData.PositionTarget}}%）
									</view>
								</view>
								<view class="paiming">
									<view class="paiming_title">
										第{{malData.PositionSort}}名
									</view>
									<view class="paiming_nr">
										全省值:{{malData.PositionAvg}}%
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="gz_viewNr" >
						<view class="biaotiMin">
							<view class="biaotiMin_title"></view>
							<view class="tjzq">
								统计周期:{{tjzqData.WorkTjzq}}
							</view>
						</view>
						<view class="gz_viewNr_main" @click="goToPage('section4')" >
							<view class="gz_viewNr_top_item" style="width: 50%;">
								 <view class="gz_viewNr_top_item_title" style="display: flex;align-items: center;">
								 	当日己超时工单
									<img src="@/static/images/detailsIcon.png" style="width: 24rpx;margin-left: 10rpx;margin-top: 4rpx;">
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/index/icon_gongdan2.png" class="gz_viewNr_top_item_bom_icon" alt="" style="width: 24rpx;">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{malData.OutNum}} <span style="font-size: 24rpx"></span>
								 	</view>
								 </view>
								 <view class="paiming" style="margin-top: 10rpx;">
								 	<view class="paiming_title">
								 		第{{malData.OutSort}}名
								 	</view>
								 	<view class="paiming_nr">
								 		全省值:{{malData.OutAvg}}
								 	</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 50%;">
								 <view class="gz_viewNr_top_item_title">
								 	当日即将超时工单
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/index/icon_gongdan2.png" class="gz_viewNr_top_item_bom_icon" alt="" style="width: 24rpx;">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{malData.WillNum}} <span style="font-size: 24rpx"></span>
								 	</view>
								 </view>
								 <view class="paiming" style="margin-top: 10rpx;">
								 	<view class="paiming_title">
								 		第{{malData.WillSort}}名
								 	</view>
								 	<view class="paiming_nr">
								 		全省值:{{malData.WillAvg}}
								 	</view>
								 </view>
							</view>
						</view>
						<img src="@/static/images/index/line.png" class="line" alt="">
						<view class="gz_viewNr_main">
							<view class="gz_viewNr_top_item" style="width: 50%;" @click="goToPage6('section2')">
								 <view class="gz_viewNr_top_item_title" style="display: flex;align-items: center;">
								 	群障4小时超时件数
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/index/icon_gongdan2.png" class="gz_viewNr_top_item_bom_icon" alt="" style="width: 24rpx;">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{malData.QzNum}} <span style="font-size: 24rpx"></span>
								 	</view>
								 </view>
								 <view class="paiming" style="margin-top: 10rpx;">
								 	<view class="paiming_title">
								 		第{{malData.QzSort}}名
								 	</view>
								 	<view class="paiming_nr">
								 		全省值:{{malData.QzAvg}}
								 	</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 50%;"  @click="goToPage3(1)">
								 <view class="gz_viewNr_top_item_title">
								 	家宽重复报障量
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/index/icon_gongdan2.png" class="gz_viewNr_top_item_bom_icon" alt="" style="width: 24rpx;">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{malData.CfbzNum}} <span style="font-size: 24rpx"></span>
								 	</view>
								 </view>
								 <view class="paiming" style="margin-top: 10rpx;">
								 	<view class="paiming_title">
								 		第{{malData.CfbzSort}}名
								 	</view>
								 	<view class="paiming_nr">
								 		全省值:{{malData.CfbzAvg}}
								 	</view>
								 </view>
							</view>
						</view>
					</view>
					<view class="gz_viewNr"   @click="goToPage2('section9')">
						<view class="biaotiMin">
							<view class="biaotiMin_title"></view>
							<view class="tjzq">
								统计周期:{{tjzqData.WorkTjzq}}
							</view>
						</view>
						<view class="gz_viewNr_main" style="padding-bottom: 0;">
							<view class="gz_viewNr_top_item" style="width: 50%;">
								 <view class="gz_viewNr_top_item_title" style="display: flex;align-items: center;">
								 	汇聚机房停电数
									<img src="@/static/images/detailsIcon.png" style="width: 24rpx;margin-left: 10rpx;margin-top: 4rpx;">
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/fangzi.png" class="gz_viewNr_top_item_bom_icon" alt="" style="width: 30rpx;">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{tableDataHJJF.TdNum}} <span style="font-size: 24rpx"></span>
								 	</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 50%;">
								 <view class="gz_viewNr_top_item_title" style="display: flex;align-items: center;">
								 	汇聚机房未发电占比
									<img src="@/static/images/detailsIcon.png" style="width: 24rpx;margin-left: 10rpx;margin-top: 4rpx;">
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/fangzi.png" class="gz_viewNr_top_item_bom_icon" alt="" style="width: 30rpx;">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{tableDataHJJF.WfdRate}} <span style="font-size: 24rpx">%</span>
								 	</view>
								 </view>
							</view>
						</view>
						<img src="@/static/images/index/line.png" class="line" alt="">
						<view class="gz_viewNr_main">
							<view class="gz_viewNr_top_item" style="display: flex;align-items: center;flex-wrap: nowrap;">
								 <view class="gz_viewNr_top_item_title" style="margin-left: 60rpx;">
								 	汇聚机房未发电数：
									<img src="@/static/images/detailsIcon.png" style="width: 24rpx;margin-left: 10rpx;margin-top: 4rpx;">
								 </view>
								 <view class="gz_viewNr_top_item_bom" style="width: inherit;margin: 0;">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{tableDataHJJF.WfdNum}} 
								 	</view>
									<view class="flex_x3_nr_bom" style="color: #A7ABBB;font-size: 24rpx;">
										（{{tableDataHJJF.WfdCounty}}）
									</view>
								 </view>
							</view>
						
						</view>
					</view>
					
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">隐患处理</view>
						<view class="tjzq">
							统计周期:{{tjzqData.YhclTjzq}}
						</view>
					</view>
					<view class="yhcl_view" @click="goToPage('section5')">
						<view class="flex_x3" style="padding: 0 24rpx;">
							<view class="flex_x3_title">
								隐患工单处理
								及时率
							</view>
							<view class="flex_x3_nr">
								<view class="flex_x3_nr_top">
									{{malData.YhRate >0 ? malData.YhRate : '-'}} <span v-if="malData.YhRate > 0" style="font-size: 24rpx;">%</span> 
								</view>
								<view class="flex_x3_nr_bom">
									（目标值:{{malData.YhTarget}}%）
								</view>
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{malData.YhSort}}名
								</view>
								<view class="paiming_nr">
									全省值:{{malData.YhAvg}}%
								</view>
							</view>
						</view>
					</view>
					
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">运维责任制稽核</view>
						<view class="tjzq">
							统计周期:{{tjzqData.YwzrTjzq}}
						</view>
					</view>
					<view class="ywzrzjh_view">
						<view class="flex_x4">
							<view class="flex_x3_title">
								故障工单网元匹配一致率
							</view>
							<view style="display: flex;align-items: center;">
								<img v-if="malData.GzneRate > malData.GzneTarget" src="@/static/images/dishi/icon3.png" class="flex_x3_nr_icon" alt="">
								<img v-else src="@/static/images/dishi/icon12.png" class="flex_x3_nr_icon" alt="">
								<view class="flex_x3_nr_top" :style=" malData.GzneRate > malData.GzneTarget ? '' : 'color: #D61515;'">
									{{malData.GzneRate > 0 ? malData.GzneRate + '%' : '-'}}
								</view>
							</view>
							<view class="flex_x3_nr_bom" style="width: 100%;">
								（目标值:{{malData.GzneTarget}}%）
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{malData.GzneSort}}名
								</view>
								<view class="paiming_nr">
									全省值:{{malData.GzneAvg}}%
								</view>
							</view>
						</view>
						<view class="flex_x4">
							<view class="flex_x3_title">
								故障工单人员稽核一致率
							</view>
							<view style="display: flex;align-items: center;">
								<img v-if="malData.GzryRate > malData.GzryTarget" src="@/static/images/dishi/icon3.png" class="flex_x3_nr_icon" alt="">
								<img v-else src="@/static/images/dishi/icon12.png" class="flex_x3_nr_icon" alt="">
								<view class="flex_x3_nr_top" :style=" malData.GzryRate > malData.GzryTarget ? '' : 'color: #D61515;'">
								
									{{malData.GzryRate > 0 ? malData.GzryRate + '%' : '-'}}
								</view>
							</view>
							<view class="flex_x3_nr_bom" style="width: 100%;">
								（目标值:{{malData.GzryTarget}}%）
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{malData.GzrySort}}名
								</view>
								<view class="paiming_nr">
									全省值:{{malData.GzryAvg}}%
								</view>
							</view>
						</view>
						<view class="flex_x4">
							<view class="flex_x3_title">
								割接工单网元匹配一致率
							</view>
							<view style="display: flex;align-items: center;">
								<img v-if="malData.GjneRate > malData.GjneTarget" src="@/static/images/dishi/icon3.png" class="flex_x3_nr_icon" alt="">
								<img v-else src="@/static/images/dishi/icon12.png" class="flex_x3_nr_icon" alt="">
								
								<view class="flex_x3_nr_top" :style=" malData.GjneRate > malData.GjneTarget ? '' : 'color: #D61515;'">
									
									{{malData.GjneRate > 0 ? malData.GjneRate + '%' : '-'}}
								</view>
							</view>
							<view class="flex_x3_nr_bom" style="width: 100%;">
								（目标值:{{malData.GjneTarget}}%）
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{malData.GjneSort}}名
								</view>
								<view class="paiming_nr">
									全省值:{{malData.GjneAvg}}%
								</view>
							</view>
						</view>
						<view class="flex_x4">
							<view class="flex_x3_title">
								割接工单人员稽核一致率
							</view>
							<view style="display: flex;align-items: center;">
								<img v-if="malData.GjryRate > malData.GjryTarget" src="@/static/images/dishi/icon3.png" class="flex_x3_nr_icon" alt="">
								<img v-else src="@/static/images/dishi/icon12.png" class="flex_x3_nr_icon" alt="">
								<view class="flex_x3_nr_top" :style=" malData.GjryRate > malData.GjryTarget ? '' : 'color: #D61515;'">
									
									{{malData.GjryRate > 0 ? malData.GjryRate + '%' : '-'}}
								</view>
							</view>
							<view class="flex_x3_nr_bom" style="width: 100%;">
								（目标值:{{malData.GjryTarget}}%）
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{malData.GjrySort}}名
								</view>
								<view class="paiming_nr">
									全省值:{{malData.GjryAvg}}%
								</view>
							</view>
						</view>
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">动环健康度</view>
						<view class="tjzq">
							统计周期:{{tjzqData.DhjkdTjzq}}
						</view>
					</view>
					<view class="ywzrzjh_view">
						<view class="flex_x4">
							<view class="flex_x3_title">
								站点健康度
							</view>
							<view style="display: flex;align-items: center;">
								<img v-if="malData.HealthRate > malData.HealthTarget || malData.HealthRate == malData.HealthTarget " src="@/static/images/dishi/icon4.png" class="flex_x3_nr_icon" alt="">
								<img v-else src="@/static/images/dishi/icon13.png" class="flex_x3_nr_icon" alt="">
								<view class="flex_x3_nr_top" :style="malData.HealthRate > malData.HealthTarget || malData.HealthRate == malData.HealthTarget ? '' : 'color: #D61515'">
									{{malData.HealthRate}}%
								</view>
							</view>
							<view class="flex_x3_nr_bom">
								（目标值：≥{{malData.HealthTarget}}%）
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{malData.HealthSort}}名
								</view>
								<view class="paiming_nr">
									全省值:{{malData.HealthAvg}}%
								</view>
							</view>
						</view>
						<view class="flex_x4">
							<view class="flex_x3_title">
								异常站点数
							</view>
							<view style="display: flex;align-items: center;">
								<img src="@/static/images/dishi/icon13.png" class="flex_x3_nr_icon" alt="">
								<view class="flex_x3_nr_top" style="color: #5F6475;">
									{{malData.YczdNum}}
								</view>
							</view>
							<view class="flex_x3_nr_bom" style="width: 100%;height: 33rpx;">
								
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{malData.YczdSort}}名
								</view>
								<view class="paiming_nr">
									全省总计:{{malData.YczdAvg}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 投诉 -->
				<view class="ts_view">
					<view class="biaotiMax">
						<img src="@/static/images/dishi/title2.png" class="biaotiMaxImg" alt="">
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">TOC</view>
						<view class="tjzq">
							统计周期:{{tjzqData.TocTjzq}}
						</view>
					</view>
					<view class="gz_viewNr" @click="goToPage3(0)">
						<view class="gz_viewNr_top" style="padding-bottom: 12rpx;padding-top: 14rpx;">
							<view class="gz_viewNr_top_item">
								 <view class="gz_viewNr_top_item_title">
								 	投诉处理时长
								 </view>
								 <view class="gz_viewNr_top_item_bom">
								 	<view class="gz_viewNr_top_item_bom_num">
								 		{{comData.TocclTime > 0 ? comData.TocclTime + 'h' : '-'}}
								 	</view>
								 </view>
								 <view class="paiming" style="margin-top: 10rpx;">
								 	<view class="paiming_title">
								 		第{{comData.TocclSort}}名
								 	</view>
								 	<view class="paiming_nr">
								 		全省值:{{comData.TocclAvg}}h
								 	</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="margin: 0 14rpx;">
								 <view class="gz_viewNr_top_item_title" style="width: 120rpx;">
								 	超时工单量
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.TocOutNum}} 
								 	</view>
								 </view>
								 <view class="paiming" style="height: 40rpx;background-color: transparent;">
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item">
								 <view class="gz_viewNr_top_item_title">
								 	工单重派率
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.ToctowRate}}  <span style="font-size: 24rpx">%</span>
								 	</view>
								 </view>
								 <view class="paiming" style="margin-top: 10rpx;">
								 	<view class="paiming_title">
								 		第{{comData.ToctowSort}} 名
								 	</view>
								 	<view class="paiming_nr">
								 		全省值:{{comData.ToctowAvg}}%
								 	</view>
								 </view>
							</view>
						</view>
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">TOH</view>
						<view class="tjzq">
							统计周期:{{tjzqData.TobTjzq}}
						</view>
					</view>
					<view class="gz_viewNr" @click="goToPage3(1)">
						<view class="gz_viewNr_top" style="padding-bottom: 12rpx;padding-top: 14rpx;">
							<view class="gz_viewNr_top_item" style="width: 40%;">
								 <view class="gz_viewNr_top_item_title">
								 	投诉处理时长
								 </view>
								 <view class="gz_viewNr_top_item_bom">
								 	<view class="gz_viewNr_top_item_bom_num">
										{{comData.TobclTime > 0 ? comData.TobclTime + 'h' : '-'}}
								 	</view>
								 </view>
								 <view class="paiming" style="margin-top: 10rpx;">
									<view class="paiming_title">
										第{{comData.TobclSort}} 名
									</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="margin: 0 14rpx;">
								 <view class="gz_viewNr_top_item_title" style="width: 120rpx;">
								 	超时工单量
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.TobOutNum}}  
								 	</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item">
								 <view class="gz_viewNr_top_item_title">
								 	工单重派率
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.TobtowRate}}   <span style="font-size: 24rpx">%</span>
								 	</view>
								 </view>
							</view>
						</view>
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">TOB-跨省集客专线中断投诉</view>
						<view class="tjzq">
							统计周期:{{tjzqData.TohLineTjzq}}
						</view>
					</view>
					<view class="gz_viewNr" @click="goToPage3(2)" style="width: 30%;">
						<view class="gz_viewNr_top" style="padding-bottom: 12rpx;padding-top: 14rpx;justify-content: center;">
							<view class="gz_viewNr_top_item">
								 <view class="gz_viewNr_top_item_title">
								 	投诉处理时长
								 </view>
								 <view class="gz_viewNr_top_item_bom">
								 	<view class="gz_viewNr_top_item_bom_num">
										{{comData.TohlineclTime > 0 ? comData.TohlineclTime + 'h' : '-'}}
								 	</view>
								 </view>
							</view>
							<!-- <view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="margin: 0 14rpx;">
								 <view class="gz_viewNr_top_item_title" style="width: 120rpx;">
								 	超时工单量
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.TohlineOutNum}} 
								 	</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item">
								 <view class="gz_viewNr_top_item_title">
								 	工单重派率
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.TohlinetowRate}} <span style="font-size: 24rpx"></span>
								 	</view>
								 </view>
							</view> -->
						</view>
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">TOB-物联网投诉</view>
						<view class="tjzq">
							统计周期:{{tjzqData.TohIotTjzq}}
						</view>
					</view>
					<view class="gz_viewNr" @click="goToPage3(2)">
						<view class="gz_viewNr_top" style="padding-bottom: 12rpx;padding-top: 14rpx;">
							<view class="gz_viewNr_top_item" style="width: 40%;">
								 <view class="gz_viewNr_top_item_title">
								 	投诉处理时长
								 </view>
								 <view class="gz_viewNr_top_item_bom">
								 	<view class="gz_viewNr_top_item_bom_num">
								 		{{comData.TohiotclTime > 0 ? comData.TohiotclTime + 'h' : '-'}}
										
								 	</view>
								 </view>
								 <view class="paiming" style="margin-top: 10rpx;">
									<view class="paiming_title">
										第{{comData.TohiotclSort}} 名
									</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="margin: 0 14rpx;">
								 <view class="gz_viewNr_top_item_title" style="width: 120rpx;">
								 	超时工单量
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.TohiotOutNum}} 
								 	</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item">
								 <view class="gz_viewNr_top_item_title">
								 	工单重派率
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.TohiottowRate}} <span style="font-size: 24rpx">%</span>
								 	</view>
								 </view>
							</view>
						</view>
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">TOB-5G行业专网投诉</view>
						<view class="tjzq">
							统计周期:{{tjzqData.Toh5gTjzq}}
						</view>
					</view>
					<view class="gz_viewNr" @click="goToPage3(2)">
						<view class="gz_viewNr_top" style="padding-bottom: 12rpx;padding-top: 14rpx;">
							<view class="gz_viewNr_top_item" style="width: 40%;">
								 <view class="gz_viewNr_top_item_title">
								 	投诉处理时长
								 </view>
								 <view class="gz_viewNr_top_item_bom">
								 	<view class="gz_viewNr_top_item_bom_num">
								 		{{comData.Toh5gclTime > 0 ? comData.Toh5gclTime + 'h' : '-'}}
								 	</view>
								 </view>
								 <view class="paiming" style="margin-top: 10rpx;">
									<view class="paiming_title">
										第{{comData.Toh5gclSort}} 名
									</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="margin: 0 14rpx;">
								 <view class="gz_viewNr_top_item_title" style="width: 120rpx;">
								 	超时工单量
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.Toh5gOutNum}} 
								 	</view>
								 </view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item">
								 <view class="gz_viewNr_top_item_title">
								 	工单重派率
								 </view>
								 <view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon5.png" class="gz_viewNr_top_item_bom_icon" alt="">
								 	<view class="gz_viewNr_top_item_bom_num" style="color: #F37A00;">
								 		{{comData.Toh5gtowRate}} <span style="font-size: 24rpx">%</span>
								 	</view>
								 </view>
							</view>
						</view>
					</view>
				</view>
				<!-- 业务 -->
				<view class="ts_view">
					<view class="biaotiMax">
						<img src="@/static/images/dishi/title3.png" class="biaotiMaxImg" alt="">
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">家宽</view>
						<view class="tjzq">
							统计周期:{{tjzqData.JkTjzq}}
						</view>
					</view>
					<view class="gz_viewNr"  @click="goToPage5('section1')">
						<view class="gz_viewNr_top" style="padding-top: 10rpx;border-bottom: 1px solid #eeeeee;">
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title">
									受理量
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon6.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.JkslNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title">
									完成量
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon14.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.JkwcNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							
						</view>
						
						<!-- <img src="@/static/images/index/line.png" class="line" alt=""> -->
						<view class="gz_viewNr_top" style="margin-top: 20rpx;">
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title" style="display: flex;align-items: center;">
									退单量
									<img src="@/static/images/detailsIcon.png" style="width: 24rpx;margin-left: 10rpx;">
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.JktdNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title">
									网络原因退单量
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.JkwlyyNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
						<!-- 	<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="justify-content: left;width: 66%;">
								<view class="gz_viewNr_top_item_title" style="margin-left: 60rpx;">
									整体退单率
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.JktdRate}} <span style="font-size: 24rpx">%</span>
									</view>
									<view class="paiming" style="margin-left: 16rpx;">
										<view class="paiming_title">
											第{{yxzwData.JkSort}}名
										</view>
										<view class="paiming_nr">
											省均值:{{yxzwData.JkAvg}}
										</view>
									</view>
								</view>
							</view> -->
							
						</view>
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">FTTR</view>
						<view class="tjzq">
							统计周期:{{tjzqData.FttrTjzq}}
						</view>
					</view>
					<view class="gz_viewNr" @click="goToPage5('section2')">
						<view class="gz_viewNr_top" style="padding-top: 10rpx;border-bottom: 1px solid #eeeeee;">
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title">
									受理量
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon8.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.FttrslNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title">
									完成量
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon15.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.FttrwcNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							
						</view>
						<view class="gz_viewNr_top" style="margin-top: 20rpx;">
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title" style="display: flex;align-items: center;">
									退单量
									<img src="@/static/images/detailsIcon.png" style="width: 24rpx;margin-left: 10rpx;">
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.FttrtdNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title">
									网络原因退单量
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.FttrwlyyNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							<!-- <view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="justify-content: left;width: 66%;">
								<view class="gz_viewNr_top_item_title" style="margin-left: 60rpx;">
									整体退单率
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.FttrtdRate}} <span style="font-size: 24rpx">%</span>
									</view>
									<view class="paiming" style="margin-left: 16rpx;">
										<view class="paiming_title">
											第{{yxzwData.FttrSort}}名
										</view>
										<view class="paiming_nr">
											省均值:{{yxzwData.FttrAvg}}
										</view>
									</view>
								</view>
							</view> -->
							
						</view>
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">商客宽带</view>
						<view class="tjzq">
							统计周期:{{tjzqData.SkTjzq}}
						</view>
					</view>
					<view class="gz_viewNr"  @click="goToPage5('section3')">
						<view class="gz_viewNr_top" style="padding-top: 10rpx;">
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title">
									受理量
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon9.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.SkslNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							<!-- <view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 33%;">
								<view class="gz_viewNr_top_item_title">
									完成量
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon16.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.SkwcNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view> -->
							<view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 50%;">
								<view class="gz_viewNr_top_item_title" style="display: flex;align-items: center;">
									退单量
									<img src="@/static/images/detailsIcon.png" style="width: 24rpx;margin-left: 10rpx;">
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.SktdNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							<!-- <view class="gz_viewNr_top_line_xx"></view>
							<view class="gz_viewNr_top_item" style="width: 36%;">
								<view class="gz_viewNr_top_item_title">
									整体退单率
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.SktdRate}} <span style="font-size: 24rpx">%</span>
									</view>
								</view>
								<view class="paiming">
									<view class="paiming_title">
										第{{yxzwData.SkSort}}名
									</view>
									<view class="paiming_nr">
										省均值:{{yxzwData.SkAvg}}
									</view>
								</view>
							</view> -->
						</view>
						<!-- <view class="gz_viewNr_top"> -->
							<!-- <view class="gz_viewNr_top_item" style="width: 33%;">
								<view class="gz_viewNr_top_item_title">
									网络原因退单量
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.SkwlyyNum}} <span style="font-size: 24rpx"></span>
									</view>
								</view>
							</view>
							<view class="gz_viewNr_top_line_xx"></view> -->
							<!-- <view class="gz_viewNr_top_item" style="justify-content: left;width: 66%;">
								<view class="gz_viewNr_top_item_title" style="margin-left: 60rpx;">
									整体退单率
								</view>
								<view class="gz_viewNr_top_item_bom">
									<img src="@/static/images/dishi/icon7.png" class="gz_viewNr_top_item_bom_icon" alt="">
									<view class="gz_viewNr_top_item_bom_num">
										{{yxzwData.SktdRate}} <span style="font-size: 24rpx">%</span>
									</view>
									<view class="paiming" style="margin-left: 16rpx;">
										<view class="paiming_title">
											第{{yxzwData.SkSort}}名
										</view>
										<view class="paiming_nr">
											省均值:{{yxzwData.SkAvg}}
										</view>
									</view>
								</view>
							</view> -->
							
						<!-- </view> -->
					</view>
				</view>
				<!-- 网络满意度 -->
				<view class="wl_view"  @click="goToPage5('section4')">
					<view class="biaotiMax">
						<img src="@/static/images/dishi/title4.png" class="biaotiMaxImg" alt="">
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">移动业务</view>
						<view class="tjzq">
							{{tjzqData.YdywTjzq}}
						</view>
					</view>
					<view class="ywzrzjh_view">
						<view class="flex_x4">
							<view class="flex_x3_title">
								网络表现值
							</view>
							<view style="display: flex;align-items: center;width: 100%;justify-content: center;">
								<img src="@/static/images/dishi/icon10.png" class="flex_x3_nr_icon" alt="" style="width: 18rpx;">
								<view class="flex_x3_nr_top">
									{{wlmydData.YdywBxz}}<span style="font-size: 24rpx"></span>
								</view>
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{wlmydData.YdywBxzSort}}名
								</view>
								<view class="paiming_nr">
									 全省值:{{wlmydData.YdywBxzAvg}}
								</view>
							</view>
						</view>
						<view class="flex_x4">
							<view class="flex_x3_title">
								领先值
							</view>
							<view style="display: flex;align-items: center;width: 100%;justify-content: center;">
								<img src="@/static/images/dishi/icon11.png" class="flex_x3_nr_icon" alt="" style="width: 18rpx;">
								<view class="flex_x3_nr_top" style="color: #1B9CFF;">
									{{wlmydData.YdywLxz}}
								</view>
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{wlmydData.YdywLxzSort}}名
								</view>
								<view class="paiming_nr">
									 全省值:{{wlmydData.YdywLxzAvg}}
								</view>
							</view>
						</view>
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">固定上网-家宽上网</view>
						<view class="tjzq">
							{{tjzqData.GdswjkTjzq}}
						</view>
					</view>
					<view class="ywzrzjh_view">
						<view class="flex_x4">
							<view class="flex_x3_title">
								网络表现值
							</view>
							<view style="display: flex;align-items: center;width: 100%;justify-content: center;">
								<img src="@/static/images/dishi/icon1.png" class="flex_x3_nr_icon" alt="">
								<view class="flex_x3_nr_top">
									{{wlmydData.GdswjkBxz}}<span style="font-size: 24rpx"></span>
								</view>
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{wlmydData.GdswjkBxzSort}}名
								</view>
								<view class="paiming_nr">
									 全省值:{{wlmydData.GdswjkBxzAvg}}
								</view>
							</view>
						</view>
						<view class="flex_x4">
							<view class="flex_x3_title">
								领先值
							</view>
							<view style="display: flex;align-items: center;width: 100%;justify-content: center;">
								<img src="@/static/images/dishi/icon2.png" class="flex_x3_nr_icon" alt="">
								<view class="flex_x3_nr_top" style="color: #1B9CFF;">
									{{wlmydData.GdswjkLxz}}
								</view>
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{wlmydData.GdswjkLxzSort}}名
								</view>
								<view class="paiming_nr">
									 全省值:{{wlmydData.GdswjkLxzAvg}}
								</view>
							</view>
						</view>
					</view>
					<view class="biaotiMin">
						<view class="biaotiMin_line"></view>
						<view class="biaotiMin_title">固定上网-安装维护</view>
						<view class="tjzq">
							{{tjzqData.GdswazTjzq}}
						</view>
					</view>
					<view class="ywzrzjh_view">
						<view class="flex_x4">
							<view class="flex_x3_title">
								网络表现值
							</view>
							<view style="display: flex;align-items: center;width: 100%;justify-content: center;">
								<img src="@/static/images/dishi/icon1.png" class="flex_x3_nr_icon" alt="">
								<view class="flex_x3_nr_top">
									{{wlmydData.GdswazBxz}}<span style="font-size: 24rpx"></span>
								</view>
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{wlmydData.GdswazBxzSort}}名
								</view>
								<view class="paiming_nr">
									全省值:{{wlmydData.GdswazBxzAvg}}
								</view>
							</view>
						</view>
						<view class="flex_x4">
							<view class="flex_x3_title">
								领先值
							</view>
							<view style="display: flex;align-items: center;width: 100%;justify-content: center;">
								<img src="@/static/images/dishi/icon2.png" class="flex_x3_nr_icon" alt="">
								<view class="flex_x3_nr_top" style="color: #1B9CFF;">
									{{wlmydData.GdswazLxz}}
								</view>
							</view>
							<view class="paiming">
								<view class="paiming_title">
									第{{wlmydData.GdswazLxzSort}}名
								</view>
								<view class="paiming_nr">
									 全省值:{{wlmydData.GdswazLxzAvg}}
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		
		</view>
		<!-- 地市 -->
		<view  @touchmove.stop.prevent>
			<u-select v-model="showCtiy" :list="usercityList" :maskCloseAble="false" :default-value="defaultValue"  @cancel="onSelectClose" @confirm="confirmCity" :getPopupContainer="() => document.body"></u-select>
		</view>
		<!-- 日历 -->
		<u-calendar v-model="isCalendar"  @change="changeDate" active-bg-color="#1B9CFF">
			<view slot="tooltip">
				<!-- <view class="bomTab">
					<view class="bomTab_view" @click="onByb" :style="isByb ? 'background: #1B9CFF;color: #fff;border: 0': ''">
						白班
					</view>
					<view class="bomTab_view" @click="onByb" :style="!isByb ? 'background: #1B9CFF;color: #fff;border: 0': ''">
						夜班
					</view>
				</view> -->
			</view>
		</u-calendar>
		<view>
			<u-popup v-model="show" mode="center" border-radius="12"   closeable safe-area-inset-bottom close-icon-color="#fff">
				<view class="popupBox">
					<view class="titleView">温馨提示</view>
					<view class="boxNr">
						<view class="nrTitle">
							汇聚机房未发电数：停电超过30分钟未发电数  停电30分钟内未发电数
						</view>
					</view>
				</view>
			</u-popup>
			
		</view>
		<view>
			<u-popup v-model="show2" mode="center" border-radius="12"   closeable safe-area-inset-bottom close-icon-color="#fff">
				<view class="popupBox">
					<view class="titleView">温馨提示</view>
					<view class="boxNr">
						<view class="nrTitle">
							数据统计周期：周粒度
							<br>
							集团CATI调研第4期-截至{{CATIdate}}
						</view>
					</view>
				</view>
			</u-popup>
		</view>
		<!-- 投诉 -->
		<view>
			<u-popup v-model="show3" mode="center" border-radius="12"   closeable safe-area-inset-bottom close-icon-color="#fff">
				<view class="popupBox">
					<view class="titleView">温馨提示</view>
					<view class="boxNr">
						<view class="nrTitle">
							投诉量：上一天统计值
							<!-- <br>
							投诉量环比：上月同期 -->
							<br>
							投诉预警：当天统计值
						</view>
					</view>
				</view>
			</u-popup>
		</view>
		<!-- 工单 -->
		<view>
			<u-popup v-model="show4" mode="center" border-radius="12"   closeable safe-area-inset-bottom close-icon-color="#fff">
				<view class="popupBox">
					<view class="titleView">温馨提示</view>
					<view class="boxNr">
						<view class="nrTitle">
							上周同期
						</view>
					</view>
				</view>
			</u-popup>
		</view>
		<!-- 网络质量 -->
		<view>
			<u-popup v-model="show5" mode="center" border-radius="12"   closeable safe-area-inset-bottom close-icon-color="#fff">
				<view class="popupBox">
					<view class="titleView">温馨提示</view>
					<view class="boxNr">
						<view class="nrTitle">
							一、5G分流比、5G低速率用户占比：
							<br>周粒度（每周五更新，统计上一个自然周数据）
							<br>二、网间流量：
							<br>周粒度（每周一更新，统计上一个自然周数据）
						</view>
					</view>
				</view>
			</u-popup>
		</view>
	</view>

</template>

<script module="echarts" lang="renderjs">
	import * as echarts from '@/uni_modules/lime-echart/static/echarts.min'
	import { baseUrl } from '@/common/request/config';
	import $ from 'common/utils/jquery-3.5.1.min.js'
	export default {
		data() {
			return {
				isPage: false,
				isSuccessErrorView: true,
				cityName: uni.getStorageSync('cityName') || '武汉',
				exceData: {}, //首页-问题摘要
				malData: {},  //故障专题
				comData: {}, //投诉专题
				yxzwData: {}, //业务专题
				wlmydData: {}, //满意度专题
				tjzqData: {}, //统计周期
				tableDataHJJF: {},  //停电
				showCtiy: false,
				usercityList: [],
				defaultValue: [0],
				show: false,
				show2: false,
				show3: false,
				show4: false,
				show5: false,
				show6: false,
				isCalendar: false,
				isByb: true, //日历模块
				isByb2: true, //日历模块
				date: '',
				CATIdate: '',
				Title: '',
				Content: '',
				isSoll: false
			};
		},
		onLoad() {
			// // 获取当前时间
			this.initializeDatelist()
		},
		 onPullDownRefresh() {
			// 禁用下拉刷新
			uni.offPullDownRefresh();
			uni.stopPullDownRefresh();
		},
		activated() {
			
		},
		onShow () {
			
		},
		mounted(){
			// 获取当前时间
			this.initializeDatelist()
			this.init()
		
		},
		// 组件能被调用必须是组件的节点已经被渲染到页面上
		methods: {
			init(){
				//首页-重点关注
				this.getexecData()
				//故障专题
				this.getmalData()
				//统计周期
				this.gettjzqData()
				//地市
				this.getusercity()
				//汇聚机房停电
				this.getpowerfailData()
				//投诉
				this.getcomData()
				//业务
				this.getyxzwData()
				//满意度
				this.getwlmydData()
			},
			//首页-重点关注
			async getexecData() {
				let	data = await this.$api.getexecData(); 
				// console.log('首页-重点关注res',data)
				if (data.Code == 200) {
					this.exceData = data.Data
					if(data.Data.JtNum == 0 && data.Data.JtWarnNum == 0 && data.Data.SnNum == 0 && data.Data.TocJtNum == 0 && data.Data.TocSnNum == 0 && data.Data.TohJtNum == 0 && data.Data.TohSnNum == 0 && data.Data.FailNum == 0 && data.Data.OuttimeNum == 0 ){
						this.isSuccessErrorView = false
					}else{
						this.isSuccessErrorView = true
					}
					this.isPage = true
				} else {
					uni.showToast({
						title: data.Message,
						icon: 'none',
						duration: 5000,
						mask: true,
					});
				}		
			},
			//首页-故障专题
			async getmalData() {
				let	data = await this.$api.getmalData(); 
				// console.log('首页-故障专题res',data)
				if (data.Code == 200) {
					this.malData = data.Data
				} else {
					uni.showToast({
						title: data.Message,
						icon: 'none',
						duration: 5000,
						mask: true,
					});
				}		
			},
			//首页-投诉专题
			async getcomData() {
				let	data = await this.$api.getcomData(); 
				// console.log('首页-投诉专题res',data)
				if (data.Code == 200) {
					this.comData = data.Data
				} else {
					uni.showToast({
						title: data.Message,
						icon: 'none',
						duration: 5000,
						mask: true,
					});
				}		
			},
			//首页-业务专题
			async getyxzwData() {
				let	data = await this.$api.getyxzwData(); 
				// console.log('首页-业务专题res',data)
				if (data.Code == 200) {
					this.yxzwData = data.Data
				} else {
					uni.showToast({
						title: data.Message,
						icon: 'none',
						duration: 5000,
						mask: true,
					});
				}		
			},
			//首页-满意度专题
			async getwlmydData() {
				let	data = await this.$api.getwlmydData(); 
				// console.log('首页-满意度专题res',data)
				if (data.Code == 200) {
					this.wlmydData = data.Data
				} else {
					uni.showToast({
						title: data.Message,
						icon: 'none',
						duration: 5000,
						mask: true,
					});
				}		
			},
			//首页-统计周期
			async gettjzqData() {
				let	data = await this.$api.gettjzqData(); 
				// console.log('首页-统计周期res',data)
				if (data.Code == 200) {
					this.tjzqData = data.Data
				} else {
					uni.showToast({
						title: data.Message,
						icon: 'none',
						duration: 5000,
						mask: true,
					});
				}		
			},
			//首页-地市
			async getusercity() {
				let	data = await this.$api.getusercity(); 
				// console.log('首页-地市res',data)
				if (data.Code == 200) {
					const newList = data.Data.map((item,index) => ({
					  value: index,
					  label: item.Name
					}))
					this.usercityList = newList
					const index = newList.findIndex(item => item.label == this.cityName);
					
					this.defaultValue[0] = index
				} else {
					uni.showToast({
						title: data.Message,
						icon: 'none',
						duration: 5000,
						mask: true,
					});
				}		
			},
			//汇聚机房停电
			async getpowerfailData() {
				let	data = await this.$api.getpowerfailData(); 
				// console.log(' 汇聚机房停电',data)
				if (data.Code == 200) {
					this.tableDataHJJF = data.Data
				} else {
					uni.showToast({
						title: data.Message,
						icon: 'none',
						duration: 5000,
						mask: true,
					});
				}		
			},
			//当前日期的前一天
			getPreviousDay2(dateString) {
			    const date = new Date(dateString);
			    date.setDate(date.getDate() - 1);
			    return date;
			},
			formatDate2(date) {
				const year = date.getFullYear();
				const month = String(date.getMonth() + 1).padStart(2, '0');
				const day = String(date.getDate()).padStart(2, '0');
				return `${year}-${month}-${day}`;
			},
			//首页故障点击跳转去tab1
			goToPage(str){
				this.$router.replace({
				    path:'/pagesJK/faultPage/index',query:{ 
					   to : str,
					   current: 0,
					}
				});
			},
			//首页故障点击跳转去tab2
			goToPage2(str){
				this.$router.replace({
				    path:'/pagesJK/faultPage/index',query:{ 
					   to : str,
					   current: 1,
					}
				});
			},
			//toc、toh、tob
			goToPage3(str){
				this.$router.replace({
				    path:'/pagesJK/complaintPage/index',query:{ 
					   current: str,
					}
				});
			},
			//割接跳转
			goToPage4(str){
				this.$router.replace({
				    path:'/pagesJK/cuttingPage/index',query:{ 
					   current: str,
					},
				});
			},
			//指标跳转 有线装维 家客
			goToPage5(str){
				this.$router.replace({
				    path:'/pagesJK/indicator/index',query:{ 
					 to : str,
					 current: 0,
					 current2: 0,
					},
				});
			},
			//指标跳转 有线装维 集客
			goToPage6(str){
				this.$router.replace({
				    path:'/pagesJK/indicator/index',query:{ 
					 to : str,
					 current: 0,
					 current2: 1,
					},
				});
			},
		
			// 获取当前时间
			initializeDatelist() {
			  const today = new Date();
			  const tomorrow = new Date(today);
			  tomorrow.setDate(today.getDate() + 1);
			  function formatDate(date) {
				const year = date.getFullYear();
				const month = String(date.getMonth() + 1).padStart(2, '0');
				const day = String(date.getDate()).padStart(2, '0');
				return `${year}-${month}-${day}`;
			  }
			  if(localStorage.getItem('pageDate')){
				   this.date = localStorage.getItem('pageDate')
			  }else{
				   this.date = formatDate(today);
			  }
			  // if(localStorage.getItem('category') == 1){
				 //  this.isByb = true
				 //  this.isByb2 = true
			  // }else if(localStorage.getItem('category') == 2){
				 //  this.isByb = false
				 //  this.isByb2 = false
			  // }
			  // this.getshiftduty(this.date ,this.isByb ? 1 : 2)
			},
			getSpecificDate() {
				var now = new Date(); // 获取当前日期和时间
				var dayOfWeek = now.getDay(); // 获取当前是星期几（0-6，0是星期日，6是星期六）
				var hours = now.getHours(); // 获取当前小时数
				var date = new Date(now);
				
				// 判断当前时间是否在下午5点之前
				if (dayOfWeek <= 5 && dayOfWeek > 0 && hours < 17) {
					// 上上周四的日期计算
					date.setDate(now.getDate() - 15 + (5 - dayOfWeek));
				}else{
					// 上周四的日期计算
					date.setDate(now.getDate() - 8 - (dayOfWeek == 5 ? 0 : dayOfWeek == 6 ? 1 : dayOfWeek == 0 ? 2 : dayOfWeek+2));
				}
				return date
			},
			formatDate(date) {
			    const year = date.getFullYear(); // 获取年份
			    const month = date.getMonth() + 1; // 获取月份，+1是因为getMonth()返回的月份是从0开始的
			    const day = date.getDate(); // 获取日期
			    // 将单个数字的月份和日期前面补0，以符合常见的日期格式
			    const formattedMonth = month < 10 ? '0' + month : month;
			    const formattedDay = day < 10 ? '0' + day : day;
			    // 返回格式化的日期字符串
			    return `${formattedMonth}月${formattedDay}`;
			},
			openPhoneListPage() {//管理员公网地址明细
				this.$router.push({
				   path:'/pagesJK/phoneListPage/index',
				});
			},
			openUpdatePage(){// 更新日志
				this.$router.push({
				   path:'/pagesJK/updatePage/index',
				   query:{
					   type: 1
				   }
				});
			},
			//选择地市
			openCityList(){
				
				if(this.usercityList.length > 1){
					this.isSoll = true
					this.showCtiy = true
				}
			},
			// 日期显示隐藏
			onDate(){
				this.isCalendar = !this.isCalendar
			},
			confirmCity(e){
				this.isSoll = false
				this.cityName = e[0].label
				uni.setStorageSync('cityName', e[0].label);
				if(e[0].label == '湖北'){
					window.location.href = 'https://webapi.aiflow.com:10002/JKH5/index.html#/pagesJK/overviewPage/index'
				}else{
					const index = this.usercityList.findIndex(item => item.label === this.cityName);
					this.defaultValue[0] = index
					//选择其他地市初始化
					this.init()
				}
				
			},
			onSelectClose(e){
				this.isSoll = false
			},
			// 选择日期
			changeDate(e){
				this.date = e.result
				this.isByb2 = this.isByb
				// this.getshiftduty(this.date ,this.isByb ? 1 : 2)
				// if(this.isToday(e.result) && this.isBeforeMorning()){
				// 	const previousDay = this.getPreviousDay(e.result)
				// 	localStorage.setItem('pageDate', previousDay.toISOString().split('T')[0]);  //缓存时间
				// 	// localStorage.setItem('category', 2);  //缓存白天还是夜班 1白班 2夜班
				// 	this.$nextTick( ()=> {
				// 			this.init()
				// 	})
				// }else{
					localStorage.setItem('pageDate', e.result);  //缓存时间
					// localStorage.setItem('category', this.isByb ? 1 : 2);  //缓存白天还是夜班 1白班 2夜班
					this.$nextTick( ()=> {
							this.init()
					})
				// }
			},
			//判断日期是否是今天
			isToday(date) {
			  const today = new Date();
			  const inputDate = new Date(date);
			
			  // 去除时间部分，只比较日期
			  today.setHours(0, 0, 0, 0);
			  inputDate.setHours(0, 0, 0, 0);
			
			  // 比较年、月、日是否相同
			  return today.getFullYear() === inputDate.getFullYear() &&
			         today.getMonth() === inputDate.getMonth() &&
			         today.getDate() === inputDate.getDate();
			},
			//判断当前时间是否是早上8点15分之前
			isBeforeMorning() {
			  const now = new Date();
			  const hour = now.getHours();
			  const minute = now.getMinutes();
			
			  // 早上8点15分之前的条件是小时小于8或者小时为8但分钟小于15
			  return hour < 8 || (hour === 8 && minute < 15);
			},
			//判断当前时间是否是17点45分之前
			isBeforeMorning2() {
			  const now = new Date();
			  const hour = now.getHours();
			  const minute = now.getMinutes();
			
			  // 早上17点45分之前的条件是小时小于17或者小时为17但分钟小于45
			  return hour < 17 || (hour === 17 && minute < 45);
			},
			//当前日期的前一天
			getPreviousDay(dateString) {
			  const date = new Date(dateString);
			  date.setDate(date.getDate() - 1);
			  return date;
			},
			// 切换白夜班
			onByb(){
				this.isByb = !this.isByb
			},
			//问号弹窗
			onWhat(){
				this.show = true
			},
			//满意度
			onWhat2(){
				this.CATIdate = this.formatDate(this.getSpecificDate()) 
				this.show2 =true
			},
			//投诉
			onWhat3(){
				this.show3 =true
			},
			//工单
			onWhat4(){
				this.show4 =true
			},
			//网络质量
			onWhat5(){
				this.show5 =true
			},
			//跨年夜
			onWhat6(){
				this.show6 = !this.show6
			}
		},
	}
</script>
<style lang="scss" scoped>
body {
	overflow: hidden;
}
.content{
	width: 750rpx;
	background: url(@/static/images/index/index_topbg.png) no-repeat;
	background-size: 750rpx;
	background-position: 0 -34rpx;
	background-color: #ECF0F9;
	display: grid;
	.content_nr{
	  width: 750rpx;
	  .content_top{
		width: 750rpx;
		display: flex;
		align-items: center;
		height: 88rpx;
		background-color: #4A98ED;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		.content_title{
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 34rpx;
			color: #FFFFFF;
			line-height: 0rpx;
			text-align: center;
			font-style: normal;
			text-transform: none;
			margin: 0 30rpx 0 30rpx;
		}
		.content_calendar{
			width: 349rpx;
			height: 70rpx;
			background: #408DDF;
			border-radius: 16rpx;
			margin-right: 14rpx;
			display: flex;
			align-items: center;
			.contentDate_icon{
				width: 36rpx;
				height: 36rpx;
				margin: 0 28rpx 0 22rpx;
			}
			.contentDate_title{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 25rpx;
				color: #FFFFFF;
				line-height: 0rpx;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
		}
		.cityList_view{
			width: 160rpx;
			height: 70rpx;
			background: #408DDF;
			border-radius: 16rpx;
			margin-right: 10rpx;
			display: flex;
			align-items: center;
			.phoneList_icon{
				width: 28rpx;
				margin: 0 24rpx 0 22rpx;
			}
			.cityName{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 25rpx;
				color: #FFFFFF;
				line-height: 0rpx;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
		}
		.phoneList_view{
			width: 70rpx;
			height: 70rpx;
			background: #5BA4EC;
			border-radius: 16rpx;
			.phoneList_icon{
				width: 40rpx;
				height: 40rpx;
				margin: 16rpx;
			}
		}
	  }
	}
	.dbld_view,.zbdh_view{
		margin-top: 280rpx;
	}
	.dsst_icon{
		margin-left: 416rpx;
		width: 192rpx;
	}
	.successErrorView{
		width: 710rpx;
		margin: 20rpx auto 0;
		.success{
			height: 271rpx;
			background: url(@/static/images/index/noticebg2.png) no-repeat;
			background-size: 710rpx;
			display: block;
			padding-top: 150rpx;
			.success_nr{
				display: flex;
				align-items: center;
				justify-content: center;
				.success_nr_icon{
					width: 66rpx;
					height: 66rpx;
					margin-right: 24rpx;
				}
				.success_nr_title{
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #A7ABBB;
					line-height: 0rpx;
					text-align: center;
					font-style: normal;
					text-transform: none;
				}
			}
		}
		.error{
			background: url(@/static/images/index/noticebg1-1.png) no-repeat;
			background-size: 710rpx;
			display: block;
			position: relative;
			.error_bg{
				width: 710rpx;
				height: 80rpx;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 100;
			}
			.error_nr{
				display: block;
				padding-top: 106rpx;
				padding-bottom: 26rpx;
				.error_nr_nav{
					width: 660rpx;
					margin: 0 auto;
					overflow-x: auto;
					white-space: nowrap; /* 防止内容换行 */
					-webkit-overflow-scrolling: touch; /* 为移动端优化滚动效果 */
					display: flex;
					align-items: center;
					height: 100rpx;
					.error_nr_navNr{
						height: 60rpx;
						line-height: 60rpx;
						text-align: center;
						font-weight: bold;
						font-size: 24rpx;
						color: #742026;
						background: #FFE8E8;
						border-radius: 30rpx;
						margin-right: 12rpx;
						padding: 0 20rpx;
					}
				}
				.gzkb_view{
					width: 640rpx;
					height: 100rpx;
					margin: 20rpx auto;
					background: url(@/static/images/index/notice_important.png) no-repeat;
					background-size: 640rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					.gzkb_view_left{
						display: flex;
						align-items: center;	
						.gzkb_view_title{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #000000;
							margin-left: 98rpx;
						}
					}
				}
				.mapBoxInfo_main_box{
					width: 640rpx;
					height: 140rpx;
					background: #FFFFFF;
					border-radius: 16rpx;
					margin: 0 auto;
					padding: 14rpx 20upx;
				}
				.icon_warm{
					width: 34upx;
					height: 34upx;
					margin-right: 8upx;
				}
				.mapBoxInfo_main{
					display: flex;
					align-items: center;
					.mapBoxInfo_Title{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 28upx;
						color: #5F6475;
						font-style: normal;
						text-transform: none;
					}
				}
				.mapBoxInfo_bom{
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-top: 18upx;
					.mapBoxInfo_Num{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24upx;
						color: #2654B0;
						width: 160rpx;
						height: 60rpx;
						background: rgba(10,10,120,0.05);
						border-radius: 8rpx;
						display: flex;
						align-items: center;
						justify-content: center;
					}
					.icon_jiantou{
						width: 36rpx;
						height: 20rpx;
					}
					.mapBoxInfo_bom_view{
						width: 114rpx;
						height: 60rpx;
						background: rgba(120,29,10,0.05);
						border-radius: 8rpx;
						display: flex;
						align-items: center;
						justify-content: center;
					}
				}
				.error_nrList{
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: 0 20rpx;
					margin-top: 10rpx;
					.error_nrListItem{
						width: 680rpx;
						background: linear-gradient( 180deg, #FDE6E9 0%, rgba(255,255,255,0) 100%);
						border-radius: 20rpx;
						padding: 0 20rpx;
					}
					.error_nrList_item_title{
						font-weight: bold;
						font-size: 24rpx;
						color: #5F6475;
						margin: 10rpx 0;
					}
					.error_nrList_nr{
						width: 300rpx;
						height: 195rpx;
						background-color: #fff;
						border-radius: 16rpx;
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						justify-content: center;
						padding: 30rpx 0 ;
						position: relative;
						.error_nrList_nr_top{
							width: 300rpx;
							padding: 0 10rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
						}
						.error_nrList_nr_title{
							padding: 0 0 0 10rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 22rpx;
							color: #000000;
							line-height: 28rpx;
							text-align: center;
						}
						.error_nrList_nr_main{
							display: flex;
							align-items: center;
						}
						.label{
							position: absolute;
							top: 0;
							right: 0;
							width: 78rpx;
							height: 36rpx;
							font-weight: 400;
							font-size: 22rpx;
							color: #FFFFFF;
							line-height: 36rpx;
							text-align: center;
							background: #1B9CFF;
							border-radius: 0rpx 16rpx 0rpx 16rpx;
						}
					}
					.djjyh{
						width: 623rpx;
						height: 213rpx;
						background: linear-gradient( 180deg, #FEFCF9 0%, #FFF5F6 100%);
						border-radius: 16rpx;
						padding: 20rpx;
						margin: 0 auto;
						margin-bottom: 40rpx;
						.djjyh_top{
							display: flex;
							height: 132rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #D61515;
							text-align: left;
							font-style: normal;
							text-transform: none;
							.djjyh_title{
								width: 130rpx;
								margin-right: 10rpx;
							}
							.djjyh_titleNr{
								width: 446rpx;
							}
						}
						.djjyh_bom{
							margin-top: 6rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 23rpx;
							color: #5F6475;
						}
					}
				}
				.gejieView{
					display: flex;
					justify-content: space-between;
					width: 640rpx;
					margin: 0 auto;
					margin-top: 20rpx;
				}
				.gejieView_item{
					width: 310rpx;
					height: 136rpx;
					background: linear-gradient( 180deg, #FEFCF9 0%, #FFF5F6 100%);
					border-radius: 16rpx;
					.gejieView_item_title{
						width: 310rpx;
						font-weight: 400;
						font-size: 24rpx;
						color: #000000;
						text-align: center;
						font-style: normal;
						text-transform: none;
						margin-top: 26rpx;
					}
					.gejieView_item_num{
						width: 310rpx;
						font-family: Roboto, Roboto;
						font-weight: bold;
						font-size: 36rpx;
						color: #D61515;
						text-align: center;
						font-style: normal;
						text-transform: none;
					}
				}
			}
		}
	}
	.tips{
		width: 710rpx;
		margin: 46rpx auto 0rpx;
		height: 100rpx;
		background: url(@/static/images/2025tips.png) no-repeat;
		background-size: 710rpx;
		overflow: hidden;
		.tipsTitle{
			font-size: 48rpx;
			font-weight: bold;
			color: #fff;
			line-height: 100rpx;
			margin-left: 280rpx;
		}
	}
	
	.tipsNr{
		width: 710rpx;
		margin: 10rpx auto;
		background: url(@/static/images/tipBg.png) no-repeat;
		background-size: 710rpx 100%;
		position: relative;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease-in-out;
		.tipsNr_dl{
			width: 100rpx;
			position: absolute;
			top: 30rpx;
			left: 60rpx;
		}
		.tipsNr_title{
			color: #970707;
			font-size: 32rpx;
			font-weight: bold;
			margin-top: 50rpx;
			display: inline-block;
			margin-left: 180rpx;
		}
		.tipsNr_nr{
			width: 580rpx;
			color: #970707;
			font-size: 28rpx;
			margin-top: 60rpx;
			display: inline-block;
			margin-left: 80rpx;
			margin-bottom: 60rpx;
		}
	}
	/* 隐藏状态 */
	.fade-hidden {
	  max-height: 1500rpx; /* 或者根据实际内容的最大高度来设置 */
	  margin: 10rpx auto;
	}
	.gzmxView{
		width: 710rpx;
		margin: 20rpx auto;
		background: url(@/static/images/index/index_title1.png) no-repeat;
		background-size: 710rpx;
		padding-top: 88rpx;
		.gzmxView_nr{
			width: 710rpx;
			background: #DAE8FE;
			box-shadow: 0rpx 0rpx 10rpx 1rpx rgba(218,231,254,0.2);
			border-radius: 16rpx;
			padding: 10rpx 22rpx;
			.gzmxView_nrItem{
				width: 667rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 10rpx 1rpx rgba(218,231,254,0.2);
				border-radius: 16rpx;
				margin-bottom: 18rpx;
				padding: 28rpx 30rpx;
				position: relative;
				overflow: hidden;
				.pageDate{
					position: absolute;
					top: 20rpx;
					right: 20rpx;
					z-index: 100;
					border-radius: 30rpx;
					color: #2c63cf;
					font-size: 28rpx;
					padding: 10rpx 20rpx;
					background-color: rgba(218,232,254,.5);
				}
				.gzmxView_nrItem_top{
					display: flex;
					align-items: center;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 32rpx;
					color: #000000;
					text-align: left;
					.gzmxView_nrItem_view{
						width: 10rpx;
						height: 40rpx;
						background: #1B9CFF;
						border-radius: 5rpx;
						margin-right: 20rpx;
					}
					.gzmxView_nrItem_view_cion{
						width: 36rpx;
						margin-left: 20rpx;
					}
				}
				.gzmxView_nrItem_bom{
					margin-top: 10rpx;
					display: flex;
					justify-content: space-between;
					.gzmxView_nrItem_bomItem,.gzmxView_nrItem_bomItemSn{
						width: 284rpx;
						background: #F8F3F2;
						border-radius: 16rpx;
						border: 1rpx solid #F2CAC9;
						.gzmxView_nrItem_bomItem_title{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #5F6475;
							text-align: center;
							font-style: normal;
							text-transform: none;
							margin-top: 16rpx;
						}
						.gzmxView_nrItem_bomItem_main{
							font-family: DIN, DIN;
							font-weight: bold;
							font-size: 38rpx;
							color: #D61515;
							display: table;
							margin: 10rpx auto;
							.bomItem_main_icon{
								width: 24rpx;
								height: 28rpx;
								margin-right: 10rpx;
								
							}
						}
						.gzmxView_nrItem_bomItem_nr{
							width: 234rpx;
							margin: 0 auto;
							font-family: PingFang SC, PingFang SC;
							font-weight: bold;
							font-size: 28rpx;
							color: #000000;
							text-align: center;
							overflow: hidden; /* 隐藏溢出的内容 */
							white-space: nowrap; /* 保持文本在一行内 */
							margin-bottom: 20rpx;
						}
					}
					.gzmxView_nrItem_bomItemSn{
						width: 100%;
						background: #F2F4F8;
						border-radius: 16rpx;
						border: 1rpx solid #C9DCF2;
						padding:  30rpx;
						.gzmxView_nrItem_bomItem_title{
							display: flex;
							align-items: center;
							margin-top: 20rpx;
						}
						.gzmxView_nrItem_bomItem_main{
							margin: 0;
							margin-left: 18rpx;
							color: #1B9CFF;
						}
						.gzmxView_nrItem_bomItem_nr{
							margin-top: 24rpx;
							width: 100%;
						}
					}
					.gzmx_subsection{
						margin-top: 4rpx;
						.gzmx_subsection_item{
							display: flex;
							align-items: center;
							align-items: center;
							width: 578rpx;
							height: 109rpx;
							background: #F6FCFA;
							border-radius: 16rpx;
							border: 1rpx solid #DBDEE8;
							margin: 0 auto;
							margin-top: 20rpx;
							position: relative;
							.gzmxView_nrItem_bomItemTf_img{
								width: 60rpx;
								height: 60rpx;
								margin-left: 30rpx;
								margin-right: 12rpx;
							}
							.gzmx_subsection_item_nr{
								font-family: PingFang SC, PingFang SC;
								font-weight: 400;
								font-size: 28rpx;
								color: #000;
							}
							.gzmx_subsection_item_flex{
								width: 229rpx;
								height: 60rpx;
								line-height: 60rpx;
								text-align: center;
								background: #DEF4EE;
								border-radius: 0 16rpx 0rpx 24rpx;
								font-family: PingFang SC, PingFang SC;
								font-weight: 400;
								font-size: 24rpx;
								color: #000000;
								position: absolute;
								top: 0;
								right: 0;
							}
							.gzmxView_nrItem_bomItemTf_icon{
								width: 112rpx;
								height: 112rpx;
								margin-left: auto;
								margin-right: 24rpx;
							}
						}
					}
				}
				.gzmxView_nrItem_bomItemTf{
					display: flex;
					align-items: center;
					justify-content: space-between;
					.gzmxView_nrItem_bomItemTf_left{
						margin-top: 10rpx;
						margin-left: 20rpx;
						width: 420rpx;
						.gzmxView_nrItem_bomItem_title{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #A7ABBB;
							margin-top: 10rpx;
						}
						.gzmxView_nrItem_bomItem_nr{
							font-family: PingFang SC, PingFang SC;
							font-weight: bold;
							font-size: 28rpx;
							color: #000000;
							margin-top: 5rpx;
						}
					}
					.gzmxView_nrItem_bomItemTf_right{
						width: 216rpx;
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						.gzmxView_nrItem_bomItemTf_img{
							width: 166rpx;
							height: 154rpx;
						}
						.gzmxView_nrItem_bomItemTf_bomTit{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #A7ABBB;
						}
					}
					
				}
				.gzmxView_nrItem_card,.gzmxView_nrItem_card2,.gzmxView_nrItem_card3{
					width: 612rpx;
					border-radius: 16rpx;
					overflow: hidden;
					background: url(@/static/images/newsbg1.png) no-repeat;
					background-size: 612rpx;
					margin-top: 22rpx;
					padding-bottom: 20rpx;
					.gzmxView_nrItem_cardNr{
						margin-left: 170rpx;
						padding: 20rpx 20rpx 0 20rpx;
						.gzmxView_nrItem_cardNr_title{
							font-family: PingFang SC, PingFang SC;
							font-weight: bold;
							font-size: 32rpx;
							color: #86291D;
							line-height: 42rpx;
							display: -webkit-box;
							  -webkit-box-orient: vertical;
							  -webkit-line-clamp: 2; /* 限制在两行 */
							  overflow: hidden;
							  text-overflow: ellipsis;
						}
						.gzmxView_nrItem_cardNr_date{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #A7ABBB;
							margin-top: 10rpx;
						}
						.gzmxView_nrItem_cardNr_bq{
							height: 36rpx;
							line-height: 36rpx;
							text-align: center;
							font-size: 22rpx;
							color: #86291D;
							background: #F8E9E5;
							border-radius: 8rpx;
							margin-right: 8rpx;
							margin-top: 12rpx;
							padding: 0 12rpx;
							display: inline-block;
						}
					}
				}
				.yxzw_jk{
					display: flex;
					justify-content: space-between;
					margin-top: 20rpx;
					.yxzw_jk_nr{
						width: 185rpx;
						height: 180rpx;
						background: #FEF9F9;
						border-radius: 8rpx;
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						justify-content: center;
						.yxzw_jk_nr_top{
							display: flex;
							align-items: center;
							font-family: Roboto, Roboto;
							font-weight: bold;
							font-size: 28rpx;
							color: #D61515;
							margin-top: 30rpx;
							.yxzw_jk_nr_topIcon{
								width: 40rpx;
								height: 40rpx;
								margin-right: 10rpx;
							}
						}
						.yxzw_jk_nr_bom{
							width: 144rpx;
							height: 66rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #A7ABBB;
							text-align: center;
						}
					}
				}
				.gengduo{
					width: 667rpx;
					height: 60upx;
					display: flex;
					justify-content: center;
					align-items: center;
					background: #F1F6FF;
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: 10;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24upx;
					color: #2654B0;
					.icon_arrow_down{
						width: 24upx;
						height: 12upx;
						margin-left: 13upx;
					}
				}
				.gzmxView_nrItem_card2{
					background: url(@/static/images/newsbg3.png) no-repeat;
					background-size: 652rpx;
					padding-bottom: 20rpx;
					
				}
				.gzmxView_nrItem_card3{
					background: url(@/static/images/newsbg4.png) no-repeat;
					background-size: 612rpx 100%;
					padding-bottom: 20rpx;
				}
				.mainBox{
					width: 603rpx;
					background: #FDF4F4;
					border-radius: 16rpx;
					margin-top: 24rpx;
					border: 1rpx solid #F5E7E1;
					position: relative;
					padding: 22rpx 20rpx;
				}
				.mainBox2{
					width: 618rpx;
					height: 132rpx;
					background: #F8F3F2;
					border-radius: 16rpx;
					border: 1rpx solid #F2CAC9;
					margin-top: 20rpx;
					display: flex;
					align-items: center;
					padding: 20rpx;
					justify-content: space-between;
					.mainBox2_left{
						width: 230rpx;
						margin-right: 10rpx;
						.mainBox2_left_title{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #5F6475;
						}
						.mainBox2_left_iconNr{
							display: flex;
							align-items: center;
							margin-top: 10rpx;
							.mainBox2_left_iconNr_img{
								width: 40rpx;
								height: 37rpx;
								margin-right: 20rpx;
							}
							.mainBox2_left_Nr{
								font-family: DIN, DIN;
								font-weight: bold;
								font-size: 34rpx;
								color: #D61515;
							}
						}
					}
					.mainBox2_right{
						width: 460rpx;
						margin-right: 20rpx;
						.mainBox2_left_title{
							font-weight: bold;
							font-size: 28rpx;
							color: #000000;
							text-align: right;
						}
						.mainBox2_right_Nr{
							font-family: PingFang SC, PingFang SC;
							font-weight: bold;
							font-size: 26rpx;
							color: #000000;
							margin-top: 8rpx;
						}
					}
				}
				.gejieDataList{
					width: 612rpx;
					background: #FDF4F4;
					border-radius: 16rpx;
					padding: 24rpx 40rpx;
					margin-top: 24rpx;
					.item-top {
							height: 48rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							margin-bottom: 23rpx;
							font-size: 24rpx;
							color: #5F6475;
						    .item-top-left{
								display: flex;
								.test1 {
									padding: 8rpx 16rpx;
									background-color: #FBE9E9;
									border-radius: 8rpx;
									margin-right: 13rpx;
								}
							}
							.item-top-right{
									.city{
										padding: 8rpx 24rpx;
										background-color: #F4F7FB;
										text-align: center;
									}
							}
						}
						.item-center {
						height: 96rpx;
						display: flex;
						align-items: center;
						margin-bottom: 14rpx;
					
						.item-center-icon {
							width: 60rpx;
							height: 60rpx;
							background-color: #FF3B2F;
							border-radius: 50%;
							background: #FF3B2F url(@/static/images/index/icon_gejie.png) no-repeat center;
							box-shadow: 0 10upx 5upx 1upx rgba(255, 74, 42, 0.2);
							background-size: 50%;
							margin-right: 20rpx;
						}
					
						.item-center-text {
							font-size: 34rpx;
							width: 450rpx;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}
				}
				

			.item-time {
				height: 70rpx;
				text-align: center;
				background: #FBE9E9;
				padding: 22rpx 24rpx;
				border-radius: 8rpx ;
				.item-time-text {
					font-size: 20rpx;
					color: #5F6475;
					white-space: nowrap;
					/* 不换行 */
					overflow: hidden;
					/* 隐藏溢出内容 */
				}
			}
				
				
				
				.yxzwView_nrItem_bomItemTf{
					width: 610rpx;
					background: #F6F8F6;
					border-radius: 8rpx;
					padding: 26rpx;
					display: flex;
					align-items: center;
					margin-top: 20rpx;
					.yxzwView_nrItem_bomItem_title{
						width: 400rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #A7ABBB;
					}
					.yxzwView_nrItem_bomItem_nr{
						display: flex;
						align-items: center;
						margin: 16rpx 8rpx;
						.yxzwView_nrItem_bomItem_nr_left{
							width: 190rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: bold;
							font-size: 28rpx;
							color: #000000;
							margin-right: 30rpx;
						}
						.yxzwView_nrItem_bomItem_nr_rig{
							width: 125rpx;
							height: 8rpx;
							background: #EAEAEA;
							border-radius: 4rpx;
							position: relative;
							.yxzwView_nrItem_bomItem_nr_rig_jdt{
								position: absolute;
								top: 0;
								left: 0;
								height: 8rpx;
								background: #1B9CFF;
								border-radius: 4rpx;
							}
						}
					}
					.yxzwView_nrItem_bomItemTf_bomTit{
						width: 170rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #A7ABBB;
						display: block;
						text-align: center;
					}
					.gzmxView_nrItem_bomItemTf_img{
						width: 62rpx;
						margin-right: 20rpx;
					}
					.yxzwView_nrItem_bomItemTf_rig_top{
						display: flex;
						align-items: center;
						.yxzwView_nrItem_bomItemTf_rig_tit{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #A7ABBB;
							margin-right: 36rpx;
						}
						.yxzwView_nrItem_bomItemTf_rig_nr{
							font-family: DIN, DIN;
							font-weight: bold;
							font-size: 30rpx;
							color: #0CB480;
							line-height: 45rpx;
						}
					}
					.yxzwView_nrItem_bomItemTf_rig_main{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #A7ABBB;
						margin-top: 14rpx;
					}
					.yxzwView_nrItem_bomItemTf_rig_main_nr{
						margin-top: 18rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 28rpx;
						color: #000000;
					}
				}
				.felxBox_wu{
					margin: 20rpx 70rpx;
				}
				.felxBox{
					display: flex;
					flex-wrap: wrap;
					.mainBox_left{
						width: 64upx;
						height: 64upx;
						border-radius: 50%;
						display: flex;
						justify-content: center;
						align-items: center;
						background: #1B9CFF;
						box-shadow: 0 10upx 5upx 1upx rgba(255, 24, 24, 0.2);
						margin-right: 23upx;
					}
					.mainBox_right{
						width: 470rpx;
						.mainBox_right_title{
							width: 100%;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 34upx;
							color: #000000;
							line-height: 45upx;
							text-align: left;
							font-style: normal;
							text-transform: none;
						}
						.mainBox_right_date,.mainBox_right_sf,.mainBox_right_dq{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24upx;
							color: #A7ABBB;
							text-align: left;
							font-style: normal;
							text-transform: none;
							margin-top: 20upx;
						}
						.mainBox_right_sf,.mainBox_right_dq{
							margin-top: 10upx;
						}
					}
				}
				.mainBox_bom{
					width: 563rpx;
					text-align: center;
					padding: 18rpx 20rpx;
					background: #FBE9E9;
					border-radius: 8rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #5F6475;
					margin-top: 22rpx;
				}
			}
		}
	}
	.gzmxViewBg{
		background: url(@/static/images/index/index_title2.png) no-repeat;
		background-size: 710rpx
	}

	.gzmxViewBg1{
		background: url(@/static/images/index/index_title3.png) no-repeat;
		background-size: 710rpx
	}
	.gzmxViewBg2{
		background: url(@/static/images/index/index_title4.png) no-repeat;
		background-size: 710rpx
	}
}
.homeBom{
	width: 710rpx;
	background: #FFFFFF;
	border-radius: 16rpx;
	margin: 0 auto;
	margin-bottom: 80rpx;
	padding-bottom: 40rpx;
}
.line{
	width: 596rpx;
	margin-left: 20rpx;
}
.gz_view,.ts_view,.wl_view{
	display: block;
	margin-top: 20rpx;
	padding-top: 32rpx;
	padding-left: 30rpx;
}
.biaotiMax{
	display: flex;
	align-items: center;
	.biaotiMaxImg{
		width: 634rpx;
	}
	
}
.biaotiMin{
	display: flex;
	align-items: center;
	margin-top: 23rpx;
	.biaotiMin_line{
		width: 10rpx;
		height: 40rpx;
		background: #1B9CFF;
		border-radius: 5rpx;
	}
	.biaotiMin_title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #000000;
		margin-left: 20rpx;
		font-style: normal;
		text-transform: none;
		margin-right: auto;
	}
	.tjzq{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #A7ABBB;
		text-align: center;
		font-style: normal;
		text-transform: none;
		margin-right: 30rpx;
	}
}

.gz_viewNr{
	width: 650rpx;
	background: #F6F5F9;
	border-radius: 16rpx;
	margin-top: 19rpx;
	padding: 10rpx;
	.gz_viewNr_top,.gz_viewNr_main{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 20rpx;
		.gz_viewNr_top_item{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			.gz_viewNr_top_item_title{
				display: inline-block;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #5F6475;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
			.gz_viewNr_top_item_bom{
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 10rpx;
				.gz_viewNr_top_item_bom_icon{
					width: 30rpx;
					margin-right: 10rpx;
					margin: 8rpx 0;
				}
				.gz_viewNr_top_item_bom_num{
					font-family: DIN, DIN;
					font-weight: bold;
					font-size: 36rpx;
					color: #1B9CFF;
					font-style: normal;
					text-transform: none;
					margin-left: 10rpx;
				}
			}
			
		}
		.gz_viewNr_top_line_xx{
			width: 0rpx;
			height: 72rpx;
			border: 2rpx dashed #dadada;
			opacity: 0.5;
		}
	}
	.gz_viewNr_main{
		padding-top: 20rpx;
		
		.gz_viewNr_top_line_xx{
			width: 0rpx;
			height: 109rpx;
			border: 1rpx dashed #dadada;
			opacity: 0.5;
		}
	}
	.gz_viewNr_bom{
		display: block;
		padding-top: 20rpx;
	}
}

	//隐患处理
	.yhcl_view{
		width: 650rpx;
		height: 106rpx;
		background: #F6F5F9;
		border-radius: 16rpx;
		padding-top: 20rpx;
		margin-top: 20rpx;
		
	}
	// 运维
	.ywzrzjh_view{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 20rpx;
		padding-right: 28rpx;
		.flex_x4{
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: center;
			width: 315rpx;
			height: 200rpx;
			background: #F6F5F9;
			border-radius: 16rpx;
			margin-bottom: 20rpx;
			padding: 14rpx;
			.flex_x3_title{
				width: 318rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #5F6475;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
			
			.flex_x3_nr_icon{
				width: 30rpx;
			}
			.flex_x3_nr_top{
				font-family: DIN, DIN;
				font-weight: bold;
				font-size: 32rpx;
				color: #0CB480;
				text-align: center;
				font-style: normal;
				text-transform: none;
				margin-left: 10rpx;
			}
			.flex_x3_nr_bom{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #A7ABBB;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
		}
	}
	// 投诉模块
	.ts_view{
		
		padding-top: 0;
		.gz_viewNr{
			width: 650rpx;
			padding: 12rpx 14rpx;
		}
	}
	// --------------------- 通用 -------------------------
	.paiming{
		padding: 6rpx;
		background: #DFECFA;
		border-radius: 8rpx;
		display: flex;
		align-items: center;
		.paiming_title{
			font-weight: bold;
			font-size: 20rpx;
			color: #1B9CFF;
			font-style: normal;
			text-transform: none;
		}
		.paiming_nr{
			font-weight: bold;
			font-size: 20rpx;
			color: #5F6475;
			font-style: normal;
			text-transform: none;
			margin-left: 6rpx;
		}
	}
	.flex_x3{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.flex_x3_title{
			width: 150rpx;
			height: 66rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #5F6475;
			text-align: center;
			font-style: normal;
			text-transform: none;
			padding: 0 4rpx;
		}
		.flex_x3_nr{
			width: 178rpx;
			display: block;
			.flex_x3_nr_top{
				font-family: DIN, DIN;
				font-weight: bold;
				font-size: 32rpx;
				color: #0CB480;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
			.flex_x3_nr_bom{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #A7ABBB;
				text-align: center;
				font-style: normal;
				text-transform: none;
			}
		}
	}
































.gzkb_view_number{
	font-family: Roboto, Roboto;
	font-weight: bold;
	font-size: 36rpx;
	color: #D61515;
	margin: 0 10rpx 0 4rpx;
}
.gzkb_view_dw{
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 20rpx;
	color: #D61515;
}
.gzkb_view_right{
	width: 160rpx;
	height: 33rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 24rpx;
	color: #D61515;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 20rpx;
}
.marquee-content {
  display: inline-block;
  will-change: transform;
  animation: gzkb_view_right 10s linear infinite;
}
.marquee-content2 {
  display: inline-block;
  will-change: transform;
  animation: gzkb_view_right 15s linear infinite;
}
@keyframes gzkb_view_right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.flex_f{
	display: flex;
	flex-wrap: wrap;
}
// 日历里面切换白班夜班
.bomTab{
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 40rpx;
	left: 40rpx;
}
.bomTab_view{
	width: 130rpx;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	background: #fff;
	border-radius: 24rpx;
	font-size: 30rpx;
	color: #5F6475;
	margin-right: 40rpx;
	border: 1px solid #B6B6B6;
}
.popupBox{
	.titleView{
		width: 100%;
		height: 93upx;
		line-height: 93upx;
		background: #1B9CFF;
		font-family: Segoe UI, Segoe UI;
		font-weight: bold;
		font-size: 32upx;
		color: #FFFFFF;
		text-align: center;
		font-style: normal;
		
	}
	.boxNr{
		width: 500rpx;
		background: #F7F9FC;
		overflow-y: auto;
	}
	.nrTitle{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28upx;
		color: #000000;
		font-style: normal;
		text-transform: none;
		padding: 28upx 30upx;
	
	}

}
.bgUrlClass{
	background: url(@/static/images/index/noticebg1-1.png) no-repeat;
	background-size: 710rpx;
}
.bgUrlClass2{
	background: url(@/static/images/index/noticebg1-1-2.png) no-repeat !important; 
	background-size: 710rpx !important; 
}
.bgUrlClass3{
	background: url(@/static/images/dishi/error_bg.png) no-repeat !important; 
	background-size: 710rpx !important; 
}
/deep/ .u-item-bg,.u-subsection{
	border-radius: 30upx !important;
}
/deep/ .u-calendar__bottom__choose{
	display: none !important;
}
/deep/ .u-calendar__bottom__btn{
	width: 290rpx;
	height: 83rpx;
	border-radius: 16rpx;
	margin-left: 60%;
}
/deep/ .u-btn--primary{
	border: #1B9CFF;
	background: #1B9CFF;
}
/deep/ .u-calendar__content--start-date{
	border-radius: 50%;
}
//解决导航标题文字隐藏
/deep/ .u-navbar-content-title{
	width: 550rpx !important;
	left: 100rpx !important;
	right: 100rpx !important;
}

</style>